<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" xmlns:v-on="http://www.w3.org/1999/xhtml"
      layout:decorator="base">

<head>
    <meta charset="UTF-8" />
    <title th:text="#{sensor.alarm.record}">告警记录表</title>

    <link rel="stylesheet" type="text/css" href="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.theme.css" />
    <link rel="stylesheet" type="text/css" href="/webResources/plugins/jqgrid/css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" href="/webResources/plugins/pageJquery/css/zxf_page.css"/>

    <style>
        .ui-jqgrid-htable{
            height: 40px;font-size: 14px;color: #80909c;font-weight: 500;
        }
        .ui-jqgrid .ui-jqgrid-htable th div {
            overflow: hidden;
            position: relative;
            height: 40px;
            padding-top: 10px;color: #798692;font-weight: 500;
        }
        .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
            height: 40px;
            margin-top: 5px;
            display: inine-block;
        }
        .ui-jqgrid .ui-jqgrid-resize {
            height: 40px !important;
            position: relative;
            cursor: e-resize;
            display: inline;
            overflow: hidden;
        }
        .ui-jqgrid tr.jqgrow {
            outline-style: none;
            height: 40px;
        }
        .ui-jqgrid tr.ui-row-ltr td {
            text-align: left;
            border-right-width: 0px;
            border-right-color: inherit;
            border-right-style: solid;
            color: #333333;
            font-size: 14px;
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
            border: 0px solid #fcd3a1;
            background: #fbf8ee;
            color: #444;
        }
        .ui-widget-content {
            border: 1px solid #eee;
            background: #fff;
        }
        .ui-jqgrid tr:nth-child(even) {
            background: #F4F8F9;
        }
        .ui-jqgrid tr:nth-child(odd) {
            background: #FFFFFF;
        }
        .table-tr{
            height: 5px;
        }
    </style>

    <script type="text/javascript" src="/webResources/plugins/jqgrid/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="/webResources/plugins/jqgrid/src/i18n/grid.locale-cn.js"></script>
    <script type="text/javascript" src="/webResources/plugins/pageJquery/js/zxf_page.js" ></script>
    <script type="text/javascript" src="/webResources/js/custom/page/createPage.js"></script>
    <script type="text/javascript" src="/webResources/js/custom/device/alarmRecord.js"></script>
    <script type="text/javascript" src="/webResources/plugins/jquery-BlockUI/jquery.blockUI.js" ></script>


</head>

<body>
<div layout:fragment="content" >
    <input type="hidden" th:value="${deviceId}" id="deviceId" name="deviceId"/>
    <input type="hidden" th:value="${iotxs}" id="iotxs" name="iotxs"/>
    <div class="table-top">
        <div class="title-big" th:text="#{sensor.alarm.record}">
            设备告警记录
        </div>
        <div class="title-small">

        </div>
        <a href="javascript:void(0)" onclick="javascript:history.go(-1);return false;" >
            <button class="back" th:text="#{return}"></button>
        </a>
    </div>
    <div class="select" style="height: 20px;display: inline-block;width:100%;padding: 5px 8px;">
        <!-- <div class="" style="float:left;display: inline-block;padding: 5px 10px;margin-left: 15px;">
             <select  id="devCategory" name="devCategory" class="form-control" style="width:200px;">
                 <option th:each="devCategory : ${devCategorys}" th:value="${devCategory.id}" th:text="#{'device.'+${devCategory.categoryType}}"></option>
             </select>
         </div>
         <div class="" style="float:left;display: inline-block;height: 35px;padding-top: 10px;">
             <select name="device" id="device" class="form-control"  style="width: 300px!important;margin-left:1%;display: table-row;margin-top:-5px; ">

             </select>
         </div>-->
        <div class="" style="float:left;display: inline-block;padding: 10px 5px;">
            <select name="iotxList" id="iotxList" class="form-control"  style="width: 250px!important;margin-left:1%;display: table-row;margin-top:-5px; ">

            </select>
        </div>
        <button type="primary" class="company-button-import" id="confirm" style="background:#0688EC;padding: 0px; width:60px;height: 35px;font-size:14px;margin-top: 5px !important;" th:text="#{confirm}">确认</button>
    </div>
    <div class="companyMgr-page">
        <div class="device-div">
            <div class="device-div-in">
                <div class="data-table">
                    <table id="recordTable"></table>
                    <div id="recordPager"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>


</html>


